import React, {Component} from 'react';
import ReactEcharts from 'echarts-for-react';
import {Card,Button} from 'antd'

class Bar extends Component {
  render() {
    return (
      <div>
        <Card>
          <Button type="primary">更新</Button>
        </Card>
        <Card title="柱状图一">
          <ReactEcharts option={this.getOption()} />
        </Card>
      </div>
    );
  }
  getOption = () => {
    return {
      title: {
        text: 'ECharts 入门示例'
      },
      tooltip: {},
      legend: {
        data:['销量','库存']
      },
      xAxis: {
        data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
      },
      yAxis: {},
      series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
      },{
        name: '库存',
        type: 'bar',
        data: [15, 30, 40, 20, 20, 30]
      }]
    };
  }
}

export default Bar;
